<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="additions/menu.css" media="screen" />
<link rel="stylesheet" type="text/css" href="additions/main.css" media="screen" />
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<script src="libraries/RGraph.common.core.js"></script>
<script src="libraries/RGraph.common.dynamic.js"></script>
<script src="libraries/RGraph.common.tooltips.js"></script>
<script src="libraries/RGraph.common.effects.js"></script>
<script src="libraries/RGraph.common.key.js"></script>
<script src="libraries/RGraph.line.js"></script>
<script src="libraries/RGraph.bar.js"></script>
<script src="libraries/RGraph.pie.js"></script>
<!--[if lt IE 9]><script src="libraries/excanvas.js"></script><![endif]-->
<script type="text/javascript" src="additions/main.js"></script>
<script type="text/javascript" src="additions/graph.js"></script>
<script type="text/javascript" src="additions/selects.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Diary</title>
</head>
<body onload="getDate();setPeriodDatePickers();populateMethodSelect();">
	<div id="header">
		<div id="menuDemo">
			<table cellpadding="20px">
				<tr>
					<td><div id="buttonDemo" onclick="location.href='user.jsp'">PROFIIL</div></td>
					<td><div class="selectedDemo" id="buttonDemo">AJAARUANDLUS</div></td>
					<td><div id="buttonDemo" onclick="location.href='results.jsp'">TULEMUSED</div></td>
					<td><div id="buttonDemo" onclick="location.href='group.jsp'">GRUPID</div></td>
				</tr>
			</table>
		</div>

	</div>
	<div id="main">
		<div id="content" class="user">
			<div class="transparent" id="whiteField">
				<div id="date"></div>
			</div>
			<div id="content" class="results">
				<div id="message" style="color: blue; font-size: 25px;">Palun valige otsingu kriteeriumit</div>
				<br />

				<div id="criteria" style="color: black;">
					<label>Period: </label><input id="periodFrom" /> - <input id="periodTo" /><br /> <label>Course: </label><input id="courseCode" /><br /> <label>Student: </label><input
						id="studentCode" /><br /> <label>Group: </label><input id="groupType" /><br /> <label>Method: </label><select id="method"></select><br />
					<button id="viewResults" onclick="getGraphs()">View</button>
				</div>

				<div style="color: black;">
					<h2>VASTATUD PÄEVI:</h2>
					<div id="dayCount"></div>

					<h2>KASUTATUD TUNDE:</h2>
					<div id="hourCount"></div>
					
					<h2>KESKMINE ISESEISVA TÖÖ JAOTUS NÄDALAPÄEVADELE</h2>
					<canvas id="weekGraphBar" width="600" height="250">[No canvas support]</canvas>

					<h2>KESKMINE ISESEISVA TÖÖ JAOTUS ERINEVATE ÕPIMEETODITE VAHEL</h2>
					<canvas id="pieChart" width="750" height="250">[No canvas support]</canvas>
				</div>
				<!-- 				<canvas id="lineGraph" width="600" height="250">[No canvas support]</canvas> -->
			</div>
		</div>
	</div>
	<div class="backgroundBlock">
		<div id="footerInfo">&copy; Tartu Ülikooli projekt 2013</div>
	</div>

</body>
</html>